/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-layout-breadcrumbs {
	margin-bottom: 1rem;
}

.elgg-breadcrumbs.elgg-menu-hz {
	gap: 0.5rem;
	
	> li {
		margin: 0;
		
		> a {
			color: var(--elgg-text-color-soft);
			background-color: white;
			
			font-size: 0.9rem;
			border: 1px solid var(--elgg-border-color-soft);
			border-radius: 4px;
			padding: 0.25rem 0.5rem;
			
			transition: background-color .5s, color .5s;
			
			&:hover {
				text-decoration: none;
				background-color: var(--elgg-background-color-mild);
				color: var(--elgg-text-color-mild);
			}
		}
	}
}
